<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>${webConfig.name}</title>
    <meta name="keywords" content="${webConfig.keyword}">
    <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/index.css?2323122322332121">
    <script type="text/javascript">
        function browserRedirect() {
            var sUserAgent= navigator.userAgent.toLowerCase();
            var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp= sUserAgent.match(/midp/i) == "midp";
            var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid= sUserAgent.match(/android/i) == "android";
            var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";
            if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
            } else {
                window.location= 'http://www.hkmedi.net/';
            }
        }
        browserRedirect();
    </script>
    <style type="text/css">
        .sidebar-wrapper { position: relative; height: 100%; overflow: auto;}
        #sucaihuo { background-color: #4bb19f;}
        #sucaihuo .nav { margin-top: 20px; padding-left: 20px; line-height: 40px; list-style-type: none;}
        #sucaihuo .nav a { display: block; font: 100 16px/40px '微软雅黑'; color: #f7f7f7; text-decoration: none;}
        #sucaihuo .nav a:hover { background-color: #4bb19f;}
        [data-simplersidebar='active'] { box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
        .inm2_tab1 img{width: 203px; height: 130px;}
        .inm3_le img{width: 170px; height: 160px;}
        .weui-article{padding: 0px;}
        .line1{text-align: center;}
        .block_coin p,.block_coin1 p{margin-top: -0.5rem;}
    </style>
</head>

<body style="background: #ffffff;">
<div class="sidebar" id="sucaihuo">
    <div class="sidebar-wrapper" id="sidebar-wrapper">
        <ul class="nav">
            <#list navigationList as navigation>
                <li><a href="${navigation.url}">${navigation.name}</a></li>
            </#list>
        </ul>
    </div>
</div>


<div style="background: #ffffff; position: fixed; left: 0px; top: 0px; height: 2.5rem; z-index: 999; width: 100%;">
    <div style="width: 20%; float: left;">
        <img id="menu" src="${s.base}/mobile/img/147.png" style="height: 1.5rem;padding: 0.5rem 0px 0.5rem 0.3rem;">
    </div>
    <div style="width: 60%; height: auto; text-align: center; float: left;">
        <img src="${webConfig.logo}" alt="" style="width: auto; height:2.3rem; padding: 0.1rem;">
    </div>
    <div style="width: 20%; height: auto; text-align: right;  float: left;">
    </div>
    <div style="clear: both;"></div>
</div>
<div style="width: 100%; height: 2.5rem;"></div>
    <div id="swiper" class="swiper-container" data-pagination='.swiper-pagination' data-autoplay="1000">
        <div class="swiper-wrapper">
            <#list bannerList as banner>
                <div class="swiper-slide">
                    <a href="${banner.url!'javascript:void(0)'}"><img style="width:100%;height: 175px" src="${banner.image}"/></a>
                </div>
            </#list>
        </div>
        <div class="swiper-pagination " ></div>
    </div>
    <img class="midImg" src="${s.base}/mobile/img/48.png" alt="">
    <div class="block_coin">
        <div class="line1">
            <a href="/phone/articleAll/156750070401263281084">
            <img src="${s.base}/mobile/img/hpv.png?125454" alt="香港壹家健康" style="width:3.3rem;height:auto;">
            <p>HPV疫苗</p>
            </a>
        </div>
        <div class="line1">
            <a href="/phone/articleAll/156750540607723237301">
            <img src="${s.base}/mobile/img/ff.png" alt="香港壹家健康" style="width:3.3rem;height:auto;">
            <p>13价肺炎疫苗</p>
            </a>
        </div>
        <div class="line1">
            <a href="/phone/articleAll/156750675287130486472">
            <img src="${s.base}/mobile/img/ss.png" alt="香港壹家健康" style="width:3.3rem;height:auto;">
            <p>生蛇疫苗</p>
            </a>
        </div>
        <div class="line1" style="border-right: 0px;">
            <a href="/phone/articleAll/156751627623407064115">
            <img src="${s.base}/mobile/img/lg.png" alt="香港壹家健康" style="width:3.3rem;height:auto;">
            <p>流感疫苗</p>
            </a>
        </div>
    </div>
    <div class="block_coin1">
        <div class="line2">
            <a href="/phone/articleAll/156751582988662880207">
            <img src="${s.base}/mobile/img/wc.png" alt="香港壹家健康" style="width:3.3rem;height:auto;">
            <p>无创DNA</p>
            </a>
        </div>
        <div class="line2">
            <a href="/phone/articleAll/156750070401263281084">
            <img src="${s.base}/mobile/img/qz.png" alt="香港壹家健康" style="width:3.3rem;height:auto;">
            <p>亲子鉴定</p>
            </a>
        </div>
        <div class="line2">
            <a href="/phone/articleAll/156750070401263281084">
            <img src="${s.base}/mobile/img/tf.png" alt="香港壹家健康" style="width:3.3rem;height:auto;">
            <p>天赋基因</p>
            </a>
        </div>
        <div>
            <a href="/phone/articleAll/156751615618183228124">
            <img src="${s.base}/mobile/img/as.png" alt="香港壹家健康" style="width:3.3rem;height:auto;">
            <p>癌症筛查</p>
            </a>
        </div>
    </div>



    <div class="bannerMore">
        <div class="index_bannerMore_img_block">
            <img class="index_bannerMore_img" src="${s.base}/mobile/img/13.png" alt="">
            <div class="index_bannerMore_p">
                <p>特别为您扫描超过2万5千7 百多个与三大特质相关位点之先天特质基因，参考生物资讯分析公开资料库的1万多篇论文，再独家搭配后天心理特质之问卷，结合Howard
                    Gardner的多元智能理论，加上心理测验发展最完善的大五性格，完美地呈现孩子先天与后天的各种特质。</p>
            </div>
        </div>

        <!--　刘伟宏添加图片开始-->
        <div style="width:100%;height:auto;clear:both;overflow:hidden;margin:0px auto;">
            <div style="width:96%;margin:0px auto;"><a href="/phone/articleAll/156752010192088184836"><img src="${s.base}/mobile/img/hpvdna.png" alt="香港壹家健康" style="width:100%;height:auto;clear:both;margin:0px auto;"></a></div>
            <div style="width:96%;height:auto;clear:both;margin:0px auto;"><a href="/phone/articleAll/156751984405338481851"><img  src="${s.base}/mobile/img/hd1.png" alt="香港壹家健康" style="width:49%;height:auto;float:left;clear:left;"></a><a href="/phone/articleAll/156751986257328522076"><img  src="${s.base}/mobile/img/hd2.png" alt="香港壹家健康" style="width:49%;height:auto;float:right;clear:right;"></a></div>
        </div>
        <div >
            <!--　刘伟宏添加图片结束-->
        <!--<img class='banner2' style="background: #f5f5f5;" src="${s.base}/mobile/img/52.png" class="" alt="">
        <div class="index_bannerMore_img_block_second">
            <img src="${s.base}/mobile/img/66.png" alt="">
            <div class="index_bannerMore_img_block_second_one">
                <h3>精选套餐</h3>
                <p>以良心為本为顾客提供全面、权威、可靠、诚信的香港主任级以上医生联盟一站式服务平台，服务包括香港体检、香港会诊（或远程视频咨询）、香港治疗、香港手术等。由经过严格甄选资深注册西医和医学博士领导的顾问阵容组成的医疗服务团队，能根据患者的具体情况快速制定最适合的诊疗方案建议，推荐最合适的香港专家医生...
                </p>
                <img src="img/4.png" alt="">
            </div>
        </div>
        <div class="index_bannerMore_img_block_second" style="background-color: #FFFFFF;">
            <div class="index_bannerMore_img_block_second_one" style="background-color: #FFFFFF;color: #000000;">
                <h3 style="background-color: #FFFFFF;color: #000000; text-align: right;">精选套餐</h3>
                <p style="background-color: #FFFFFF;color: #959595;">以良心為本为顾客提供全面、权威、可靠、诚信的香港主任级以上医生联盟一站式服务平台，服务包括香港体检、香港会诊（或远程视频咨询）、香港治疗、香港手术等。由经过严格甄选资深注册西医和医学博士领导的顾问阵容组成的医疗服务团队，能根据患者的具体情况快速制定最适合的诊疗方案建议，推荐最合适的香港专家医生...
                </p>
                <img src="${s.base}/mobile/img/4.png" alt="">
            </div>
            <img class="index_bannerMore_img_block_second_s_img" src="${s.base}/mobile/img/16.png" alt="">
        </div>
        <div class="index_bannerMore_img_block_second">
            <img src="${s.base}/mobile/img/17.png" alt="">
            <div class="index_bannerMore_img_block_second_one">
                <h3>精选套餐</h3>
                <p>以良心為本为顾客提供全面、权威、可靠、诚信的香港主任级以上医生联盟一站式服务平台，服务包括香港体检、香港会诊（或远程视频咨询）、香港治疗、香港手术等。由经过严格甄选资深注册西医和医学博士领导的顾问阵容组成的医疗服务团队，能根据患者的具体情况快速制定最适合的诊疗方案建议，推荐最合适的香港专家医生...
                </p>
                <img src="${s.base}/mobile/img/4.png" alt="">
            </div>
        </div>
        <div>

        </div>
        <div>

        </div>-->
        <img class='banner2' style="height:auto;margin-top:1rem;" src="${s.base}/mobile/img/56.jpg?2132" class="" alt="">
    </div>
    <div class="weui-tab">
        <div class="weui-navbar">
            <#list webCatalogList as webCatalog>
                <a  class="weui-navbar__item <#if webCatalog_index == 0>weui-bar__item--on</#if>" href="#tab${webCatalog.id}">
                    ${webCatalog.name}
                </a>
            </#list>
        </div>
        <div class="weui-tab__bd">
            <#list webCatalogList as webCatalog>
            <div id="tab${webCatalog.id}" class="weui-tab__bd-item <#if webCatalog_index == 0>weui-tab__bd-item--active</#if> ">
                <#if webCatalog.informationList?? && (webCatalog.informationList?size gt 0)>
                    <#list webCatalog.informationList as information>
                        <#if information_index == 0>
                            <div class="tab_block"  onclick="goNewsDesc('${information.id}')">
                                <img src="${information.showPic}" style="width:100%;height:200px" alt="">
                                <div class="banner_font">
                                    <div class="days" style="width: 16%;">
                                        <p>${information.createTime?string('dd')}</p>
                                        <p>/${information.createTime?string('MM')}</p>
                                    </div>
                                    <div class="days_title" style="width: 80%;">
                                        <p class="font-grade-one">${information.title}</p>
                                        <p class="font-grade-one">${information.description}</p>
                                    </div>
                                </div>
                            </div>
                        </#if>
                    </#list>

                <div class="newsList">
                    <#list webCatalog.informationList as information>
                        <#if information_index gt 0 >
                            <div class="new_block"  onclick="goNewsDesc('${information.id}')">
                                <div>
                                    <p class="font-grade-one">${information.title}</p>
                                </div>
                                <p class="new_days">${information.createTime?string('yyyy/MM/dd')}</p>
                            </div>
                        </#if>
                    </#list>
                </div>
                </#if>
                <div class="more">
                    <img src="${s.base}/mobile/img/57.png" onclick="goNewsList('${webCatalog.id}')" alt="">
                </div>
            </div>
            </#list>

        </div>
        <!-- 这里的banner图见上 -->
    </div>

<!--　刘伟宏  热门标签开始-->
        <style type="text/css">
            .xyg-item{ border-radius: 1rem; font-size: 12px; width:28%;height:2rem;line-height:2rem;color:#fff;text-align:center;padding:0px 0.3em;background-color:#7cc4b9;}
        </style>
<div style="width:96%;margin:5px auto;overflow:hidden;"><span style="font-size:0.8rem;color:#7cc4b9;font-weight:800;">热门标签</span>&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-size:0.6rem;color:#ccc;;">还有这样一种方式您可以去选择</span></div>
<div style="width:96%;height:auto;margin:10px auto;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;font-size:0.6rem;">
<div class="xyg-item" onclick="window.location.href='/phone/articleAll/156750070401263281084'">九价HPV疫苗</div>
<div class="xyg-item" onclick="window.location.href='/phone/articleAll/156750540607723237301'">十三价肺炎疫苗</div>
<div class="xyg-item" onclick="window.location.href='/phone/articleAll/156751582988662880207'">产前无创DNA</div>
</div>
<div style="width:96%;height:auto;margin:0px auto;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;font-size:0.6rem;">
<div class="xyg-item" onclick="window.location.href='/phone/articleAll/156750675287130486472'">生蛇疫苗</div>
<div class="xyg-item" onclick="window.location.href='/phone/articleAll/156751627623407064115'">流感疫苗</div>
<div class="xyg-item" onclick="window.location.href='/phone/articleAll/156751615618183228124'">癌症基因筛查</div>
</div>

<div style="width:96%;margin:20px auto;overflow:hidden;"><img src="${s.base}/mobile/img/01.png" style="width:100%;height:auto;overflow:hidden;" alt=""></div>
<div style="width:96%;margin:0px auto;overflow:hidden;"><span style="font-size:0.8rem;color:#7cc4b9;font-weight:800;">连锁门店</span>&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-size:0.6rem;color:#ccc;;">位于中心繁华地区、交通便捷</span></div>

<div style="width:96%;height:auto;margin:10px auto;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;font-size:0.6rem;">
<div style="width:45%;color:#fff;text-align:center;padding:0.5em;background-color:#7cc4b9;"><span><img src="${s.base}/mobile/img/16.png" style="width:96%;height:auto;" alt=""></span>香港医家医健中心</div>
<div style="width:45%;color:#fff;text-align:center;padding:0.5em;background-color:#7cc4b9;"><span><img src="${s.base}/mobile/img/17.png" style="width:96%;height:auto;" alt=""></span>Clinique Delight 医美中心</div>
</div>





<!--　刘伟宏  热门标签结束-->
<!--
    <div class="hezuohuoban" style="background-color: #7cc4b9; padding-bottom: 2rem;">
        <img src="${s.base}/mobile/img/back_back.png" style="width: 100%;" alt="">
        <div class="swiper-container swiper-container1" style="padding-left: 20px;padding-bottom: 20px;">
            <div class="swiper-wrapper">
                <#list webCooperateList as webCooperate>
                    <div class="swiper-slide"><img style="width: 90%; height: 3rem;" src="${webCooperate.showPic}" alt=""></div>
                </#list>
            </div>
            <div class="swiper-pagination swiper-pagination1" style="top: 3rem;"></div>
        </div>
    </div>-->

<a href="tel:85235210851"> <img src="${s.base}/mobile/newimages/img_b.png" style="width: 100%; height: auto; margin-top: 10px;"></a>






    <div style="width:100%;height:65px">

    </div>
    <div id="tarBar">
        <div class="tarbarFont active" onclick="goHomePage()">
            <img src="${s.base}/mobile/img/icon_1_2.png" alt="">
            <p>首页</p>
        </div>
        <div class="tarbarFont" onclick="goLinkMe()">
            <img src="${s.base}/mobile/img/icon_3_1.png?75411" alt="">
            <p>咨询我们</p>
        </div>
        <div class="tarbarFont" onclick="goProduct()">
            <img src="${s.base}/mobile/newimages/yijia_0712.png?1254" style="width: 35px; height: 35px; padding-bottom: 2px;" alt="">
            <p>线上预约</p>
        </div>
		<!-- 
        <div class="tarbarFont" onclick="goLinkMe()">
            <img src="${s.base}/mobile/img/icon_4_1.png" alt="">
            <p>联系我们</p>
        </div>  -->
    </div>
</body>

</html>
<!-- body 最后 -->
<script src="${s.base}/mobile/js/jquery.min.js"></script>
<script src="${s.base}/mobile/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="${s.base}/mobile/js/swiper.min.js"></script>
<script src="${s.base}/mobile/js/city-picker.min.js"></script>
<script src="${s.base}/mobile/js/base.js"></script>
<script type="text/javascript" src="${s.base}/mobile/js/simpler-sidebar.min.js"></script>
<script src="${s.base}/mobile/newjs/window_port.js"></script>
<script>
    $(function() {
        $('#sucaihuo').simplerSidebar({
            opener: '#menu',
            sidebar: {
                align: 'left',
                width: 200
            }
        });
    });

    $(".swiper-container").swiper()
    var swiper = new Swiper('.swiper-container1', {
        slidesPerView: 4,
        loop: true,
        loopFillGroupWithBlank: true,
        pagination: {
            el: '.swiper-pagination1',
            clickable: true,
        },
    });
</script>